<!DOCTYPE html>
<html>
<head>
  <title>{$category.name}</title>
  <meta name="viewport" content=" initial-scale=1.0,user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta name="format-detection" content="telephone=no"/>
  <meta name="viewport" content="width=device-width,  initial-scale=1.0, user-scalable=0, minimum-scale=1.0,  maximum-scale=1.0" />
  <link rel="stylesheet" href="__STYLE__/Site/css/style.css" />
  <script src='__STYLE__/Site/js/swipe.min.js'></script>
  <script src='__STYLE__/Site/js/zepto.min.admin.js'></script>
  <script src='__STYLE__/Site/js/Gh.js'></script>
  <script src='__STYLE__/Site/js/js.js'></script>
  <style>
    .footer ul{ background-color: {$style.nav_bgcolor};  }
    .footer li a label{ color: {$style.nav_color};  }
    .content ul li span{ color: {$style.cate_color}; }
  </style>
</head>
<body >
  <div id="src-img">{$category.image}</div>
  <div class="max-box" id="max-box">
    <div class="header">
        <div class="addWrap">
          <div class="swipe" id="mySwipe">
            <div class="swipe-wrap" id="swipe-wrap-box">
                 <div>
                  <a href=" {$vo.url}">
                    <img class="img-responsive" src=" {$vo.img}"/>
                  </a>
                  <span> {$vo.title}</span>
                  <p></p>
                 </div>
            </div>
          </div>
          <ul id="position">
          </ul>
        </div>
    </div>
  </div>
<script>
	$(function(){
	    var str=$( '#src-img' ).html(); 
	    var strs=new Array();
	        strs=str.split(",");
	        $( '#swipe-wrap-box' ).html('');
	        if(strs[1]!=undefined){ 
	            if(strs[1]!=""){
	              for(var i = 0 ;i < strs.length-1; i++){
	                     var oDiv= "<div><a href='javascript:;'><img class='img-responsive' src='"+strs[i]+"'></a><span> {$vo.title}</span><p></p></div>";
	                     $( "#swipe-wrap-box" ).append(oDiv);
	              }
	            }else{
	                var  oDiv= "<div><a href='javascript:;'><img class='img-responsive' src='"+strs[0]+"'></a><span> {$vo.title}</span><p></p></div>";
	                $( "#swipe-wrap-box" ).append(oDiv);
	            };
	        }else{
	            var oDiv= "<div><a href='javascript:;'><img class='img-responsive' src='"+strs[0]+"'></a><span> {$vo.title}</span><p></p></div>";
	            $( "#swipe-wrap-box" ).append(oDiv);
	        };
	       
	 })
</script>
  
  
  <div class="max-box">
    <section class="wrapper article pt10 pl10 pr10">
       	<h3 class="mt10 tc">{$category.name}</h3>
    	<div class="pt10 pb10">{$category.content}</div>
    </section>
  <!-- 底部信息 -->
    <div class="wrapper bottom-copyright tc mg10">
      <p class="pd5">&copy;<script>document.write(new Date().getFullYear());</script> {$site.name}</p>
    </div>
    <div style="height:48px;"></div>
    <!-- bottom nav start -->
    <!--这一段控制这些底部栏-->
      <eq name="category.isopen" value="0">
      <footer class="footer">
      <ul>
        <li>
          <a href="javascript:history.go(-1)"><img src="" /><label>返回</label></a>
        </li>
        <li>
          <a href="http://5.wmei.sinaapp.com/index.php/Home/Site/page/sid/49/id/188.html"><img src="" /><label>首页</label></a>
        </li>
        <li>
          <tag:dial id="vo"><a href="tel:{$category.tel}"><img src=""><label>{$vo.name}</label></a></tag:dial>
        </li>
      </ul>
    </footer>
    </eq>
    </div>
</body>
</html>